$header : #372741;
$a : rgb(73, 73, 73);

body{
	background: url('https://developer.cdn.mozilla.net/media/redesign/img/header-background.png');
}

h2.date-header{
	span{
		font-size:16px;
	}
}

h3{
	font-size:28px;
}

header{
	text-align:center;
	padding:50px;
	background: $header;
	color:white;

	h1{
		font-size:6em;
	}

	span{
		font-size:1.7em;
	}
}

article,.sidebar{
	background: white;
	padding: 10px 20px;
	box-shadow: 0px 0px 5px -3px black;
}

article{

	a{
		color : $a;
	}
	a:hover,a:focus{
		color:black;
		text-decoration:none;
	}
	h3{
		font-size:2.5em;
	}
}

.post-outer {
	border-bottom: solid rgba(51, 51, 51, 0.2) 2px;
	padding-bottom: 16px;
}

.btn-info{
	background-color: #372741;
	border-color: #372741;
}

.btn-info:hover{
	background-color: #372741;
	border-color: #372741;
}

@media screen and (max-width:573px){
	header{
		h1{
			font-size:3em;
		}
		span{
			font-size:1em;
		}
	}
}